import React, {FC, useCallback, useEffect, useMemo} from "react";
import PreviewModal from "../../component/modal/PreviewModal.tsx";
import './css/TabsPreview.less'

interface TabsPreviewProps {
    previewKey: string,
    file: any,
    fileId: any,
    suffix: any,
    row: any,
}

const TabsPreview: FC<TabsPreviewProps> = (props) => {

    const renderTabsPreview = useMemo(() => {
        return(
            <div className="sf_core_tabspreview_warp">
                <PreviewModal {...props} data={props.row} />
            </div>
        )
    }, [props]);

    return (renderTabsPreview);
};

export default React.memo(TabsPreview);